// banner(index.html)
.banner-home {
  margin-bottom: -30px;
  img {
    width: 100%;
  }
    .bx-controls {
        background: #999;
        position: relative;
        bottom: 75px;
        .bx-pager {
          width: 70px;
          margin: 0 auto;
          div {
            float: left;
            width: 18px;
            height: 18px;
            margin-left: 8px;
            &:first-child {
              margin-left: 0;
            }
            a {
              background: url(../images/banner/slider-icon.png) no-repeat;
              height: 18px;
              width: 18px;
              display: block;
              background-position: -26px 0;
            }
            a.active {
              background-position: 0 0;
            }
          }
        }
      }
  
}



.clear:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
    zoom: 1;
}

  // technology(download/index.html)
  .banner-tech {
    background-image: url(../images/technology/tech-banner.png);
    background-position: center;
    height: 480px;
    width: 100%;
    margin: 0 auto;
}
  .down-doc {
    width: 1000px;
    padding: 50px;
    margin: 0 auto;
    margin-top: 20px;
    background: #fff;
    margin-bottom: 25px;
    >span {
      display: block;
      border: 2px solid #e5e5e5;
      margin-bottom: 10px;
    }
    table  {
       border-collapse: collapse;
       border: 1px solid #e5e5e5;
       width: 100%;
       tr:first-child {
          height: 50px;
        }
        tr>th {
          background: #f3f3f3;
          color: #333333;
          font-size: 16px;
          padding-left: 20px;
          text-align: left;
        }
        tr {
          border-bottom: 1px solid #e5e5e5;
          td {
              color: #797979;
              font-size: 14px;
              padding-top: 22px;
              padding-left: 20px;
              padding-bottom: 20px;
              border-right: 1px solid #e5e5e5;
          }
          td a {
            color: #00569f;
            text-decoration: none;
          }
        }
    }
}

//knowledge start(knowledge.html) 
.kno-active {
  background: #00569f;
  a {
    color: #fff !important;
  }
}

.kno-sidebar-active {
 @extend .kno-active;
}

.kno-banner {
  background: url(../images/technology/kno-banner.jpg) no-repeat;
  height: 320px;
  background-position: center;
}
.kno-head {
  width: 1200px;
  background: #fff;
  margin: 0 auto;
  >ul {
    height: 44px;
    background: #e5e5e5;
    margin-top: 10px;
    padding: 18px 60px;
    >li {
      float: left;
      font-size: 16px;
      line-height: 44px;
      &:first-child {
        input {
          width: 390px;
          height: 42px;
          border: 1px solid #d9d9d9;
          margin-left: 10px;
          padding: 0;
          padding-left: 10px;
        }
      }
      >span {
        position: relative;
        top: 0px;
        left: 30px;
      }
      button {
        width: 133px;
        height:44px;
        background: #00569f;
        color: #fff;
        border: none;
        font-size: 16px;
        border-radius: 2px;
        margin-left: 70px;
        padding: 0;
        cursor: pointer;
      }
      .kno-select {
        display: block;
        position: relative;
        font-size: 12px;
        text-align: center;
        line-height: 44px;
        color: #999;
      }
    }
  }
  .kno-select-wrapper {
    position: relative;
    background: url(../images/technology/kno-select.png) no-repeat;
    width:410px;
    height: 48px;
    top: -45px;
    left: 65px;
    cursor: pointer;
    .kno-select-inner {
      display: none;
      width: 402px;
      border: 1px solid #d9d9d9;
      background-color: #fff;
      position: absolute;
      left: 4px;
      top: 45px;
      li {
        display: block;
        height: 33px;
        line-height: 33px;
        text-align: center;
        color: #333;
        font-size: 12px;
        cursor: pointer;
        &:hover {
          background: #00569f;
          color: #fff;
        }
      }
    }
  }
}
.kno-content {
     width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    padding: 20px 60px;
  ul {
    float: left;
    &:first-child {
      width: 220px;
      margin-right: 40px;
    }
  }
  .kno-sidebar {
    width: 320px;
    background: #f5f5f5;
    li {
      height: 40px;
      line-height: 40px;
      a {
        text-decoration: none;
        text-align: center;
        display: block;
        font-size: 14px;
        color: #333;
      }
    }
  }
  .qa-content {
    width: 820px;
    li {
      font-size: 14px;
      color: #333;
      span {
        background: url(../images/technology/kno-q.png) no-repeat;
        width: 14px;
        height: 14px;
        display: block;
        position: relative;
        top: 15px;
        left: -20px;
      }
    }
    p {
      font-size: 14px;
      color: #999;
      line-height: 25px;
      margin-top: 15px;
      margin-bottom: 30px;
    }
  }
}


// contactus (contactUs.html)
.contact-content {
  width: 100%;
  background: #fff;
  padding-bottom: 135px;
  >div {
    width: 1200px;
    margin: 0 auto;
    img {
      margin-top: 50px;
      margin-bottom: 60px;
    }
    ul {
      text-align: center;
      color: #666;
      h3 {
        font-size: 30px;
        margin-bottom: 30px;
      }
      li {
        font-size: 14px;
        line-height: 25px;
      }
    }
  }
}

// Compnay (compnay.html)
.company-active {
  a {
    color: #00569f !important;
  }
}
.company-content {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 55px;
  overflow: hidden;
  >p {
    font-size: 12px;
    color: #ccc;
    margin: 10px 0 20px 0;
  }
  ul {
   float: left;
   background: #fff;
  }
  .left {
    width: 120px;
    padding: 0 40px;
    background: #fff;
    h3 {
      font-size: 20px;
      color: #000;
      margin: 50px 0 30px 0;
    }
    >li {
        margin-bottom: 25px;
      a {
        text-decoration: none;
        font-size: 14px;
        color: #666;
      }
    }
  }
  .right {
    width: 987px;
    margin-left: 10px;
    #mission {
      li img{
          width: 100%;
          vertical-align: bottom;
      }
    }
    .saleService {
      margin: 50px 40px 0 40px;
      h1 {
        font-size: 32px;
        color: #ccc;
        margin-bottom: 30px;
      }
      p {
        font-size: 14px;
        line-height: 35px;
        margin-bottom: 60px;
        color: #666;
      }
      ul {
        margin-bottom: 60px;
        h3 {
          font-size: 18px;
          color: #333;
          margin-bottom: 23px;
        }
        li {
          font-size: 14px;
          color: #666;
          line-height: 35px;
          list-style: disc;
          margin-left: 40px;
          padding-left: 10px;
        }
      }
    }
  }
}


// logpublic (logpblic.html)
.log-header {
  background: url(../images/log-bg.jpg) no-repeat;
  height: 1080px;
  background-position: center;
  position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.logfooter {
    width: 464px;
    margin: 0 auto;
    font-size: 12px;
    color: #242424;
    position: absolute;
    top: 90%;
    left: 50%;
    margin-left: -232px;
}

.login-header {
    width: 62.5%;
    margin: 0 auto;
    margin-top: 25px;
    >ul {
      float: right;
      margin-top: 15px;
      li {
        display: inline-block;
        &:first-child a {
          border-right: 1px solid #fff;
          padding-right: 10px;
          padding-left:0;
        }
        a {
          text-decoration: none;
          color: #fff;
          padding-left: 6px;
          font-size: 14px;
          display: block;
        }
      }
    }
}

.login-form {
    width: 390px;
    margin: 0 auto;
    margin-top: 125px;
    h3 {
      font-size: 30px;
      color: #fff;
      margin-bottom: 60px;
      text-align: center;
      font-weight: normal;
    }
    li {
      margin-bottom: 10px;
      button {
         width: 390px;
        border: 1px solid #00569f;
        height: 42px;
        line-height: 42px;
        background-color: #00569f;
        border-radius: 100px;
        behavior: url(../js/PIE.htc);
        color: #fff;
        font-size: 18px;
        margin-top: 27px;
        cursor: pointer;
        &:focus {
          outline: none;
          background: #005caa;
        }
        &:hover {
          background: #005caa;
        }
      }
      .return-btn {
         border: 1px solid #858b8e;
         background-color: transparent;
         &:focus {
          border: 1px solid #81553f;
          background-color: transparent;
          color: #ef9c73;
         }
         &:hover {
          border: 1px solid #81553f;
          background-color: transparent;
          color: #ef9c73;
         }
      }
      input {
        width: 354px;
        border: 1px solid #858b8e;
        height: 42px;
        line-height: 42px;
        background-color: transparent;
        border-radius: 100px;
        behavior: url(../js/PIE.htc);
        color: #fff;
        padding-left: 36px;
        font-size: 14px;
        &:focus {
          outline: none;
        }
      }
      .pass-request {
        color: #fff;
        font-size: 12px;
        float: right;
        position: relative;
        left: 285px;
        top: -27px;
      }
    }
    .sent-ranks {
        input#ranks {
          width: 245px;
        }
        a {
          height: 40px;
          text-decoration: none;
          color: #333;
          background: #fff;
          float: right;
          font-size: 12px;
        }
        .phone-test {
          height: 42px;
          width: 88px;
          border: 1px solid #858b8e;
          text-align: center;
           line-height: 42px;
        }
      }
      >p {
        font-size: 12px;
        color: #fff;
        margin-top: 60px;
        a {
          text-decoration: none;
          color: #ff9059;
        }
      }
      .return-head {
        margin-bottom: 35px;
        margin-top: -15px;
        p {
          color: #fff;
          font-size: 14px;
          margin-bottom: 14px;
          margin-left: 40px;
          span {
            font-size: 18px;
          }
        }
      }
      .success-head {
        img {
          display: block;
          margin-left: 159px;
          margin-bottom: 20px;
        }
        p {
          color: #fff;
          font-size: 14px;
          text-align: center;
        }
      }
}

.join-header {
  width:390px;
  margin: 0 auto;
  margin-top: 120px;
  li {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
  }
}

.join {
  margin-top: 70px;
  li {
    .reg-join-btn {
       background: rgba(91, 92, 93, 0.62);
      -pie-background: rgba(91, 92, 93, 0.62);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000, endColorstr=#4B000000);
      border: none;
      a {
        text-decoration: none;
        color: #fff;
        display: block;
      }
    }
  }
  .forget-pass {
    a {
      text-decoration: none;
      font-size: 12px;
      color: #fff;
      float: right;
    }
  }
 
}

.forget {
  margin-top: 65px;
}

.forget-progress {
  width: 650px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 60px;
  h3 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin-bottom: 60px;
  }
  li {
    float: left;
    color: #fff;
    width: 160px;
    height: 40px;
    text-align: center;
    .forget-bg {
      background: url(../images/login/forget.png) no-repeat;
      width: 158px;
      height: 8px;
      display: block;
      position: relative;
      top: 10px;
      background-position: -159px 0;
    }
    .forget-bg-active {
      background-position: 0 0;
    }
  }
}

.telverification {
  .return-head{
     p {
      margin-left: 110px;
        span {
          font-size: 12px;
        }
      } 
    } 
  li {
    .nex-forget-btn3 {
      width: 170px ;
      margin-left: 110px;
    }
  }
}

.set-success {
  margin-top: 90px;
  .setsuccess-head {
    margin-left: 110px;
    p {
      float: left;
      font-size: 18px;
      color: #fff;
      &:first-child {
        margin-right: 15px;
      }
      a {
        text-decoration: none;
        color: #00569f;
      }
    }
  }
}

.login-success, .return, .setpass , .setpass , .set-success , .telverification , .setnewpass{
  display: none;
}


// privacy(privacy.html)
.company-content .right .privacy {
  p {
    margin-bottom: 25px;
  }
  h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  h5 {
    font-size: 15px;
    color: #999;
    margin-bottom: 10px;
    margin-top: 5px;
  }
} 
#policy {
  display: none;
}

// nasproductlist(nasproductlist.html)
.productWrapper {
  background: #fff;
  padding-top: 30px;
}
.nas-product-list {
  width: 1200px;
  margin: 0 auto;
  border-top: 1px dashed #ccc;
  padding-bottom: 30px;
  &:first-child {
    border-top: none;
  }
  .product-list-wrap {
    margin: 30px 140px 0px 60px;
    overflow: hidden;
    >ul {
      float: left;
    }
    .imgPreview {
      float: left;
      width: 228px;
      height: 228px;
      border: 1px solid #e5e5e5;
      border-radius: 2px;
      display: block;
      margin-right: 10px;
      img {
        width: 230px;
        height: 230px;
      }
    }
    .imgThumb {
      li {
        width: 48px;
        height: 48px;
        border: 1px solid #e5e5e5;
        margin-top: 10px;
        cursor: pointer;
        &:first-child {
          margin-top: 0;
        }
        img{
          width: 48px;
          height: 48px;
        }
      }
    }
    .proDescribe {
      margin-left: 60px;
      margin-top: 24px;
      font-size: 14px;
      color: #333;
      li {
        margin-top: 20px;
        &:first-child {
          margin-top: 0;
        }
       span {
        color: #999;
        float: right;
        width: 100px;
        margin-left: 20px;
       }
      }
    }
    .proListicon {
      float: right;
      margin-top: 14px;
      li {
        width: 118px;
        height: 44px;
        border-radius: 2px;
        margin-top: 10px;
        &:first-child {
          margin-top: 0;
        }
        a {
          display: block;
          background: url(../images/products/naslist.png) no-repeat;
          width: 118px;
          height: 44px;
          text-decoration: none;
          font-size: 14px;
          color: #999;
          padding-left: 48px;
          line-height: 44px;
          &:hover {
            background-position: -118px 0;
            color: #fff;
          }
        }
      }
      .icon2 {
        background-position: 0 -44px;
        &:hover {
          background-position: -118px -44px;
        }
      }
      .icon3 {
        background-position: 0 -88px;
        &:hover {
          background-position: -118px -88px;
        }
      }
      .icon4 {
        background-position: 0 -132px;
        &:hover {
          background-position: -118px -132px;
        }
      }
    }
  }
}

// personal(personal.html)
#myorder {
  display: none;
  position: relative;
  h1 {
    font-size: 24px;
    color: #333;
    b {
      font-size: 12px !important;
      color: #666;
      margin-left: 15px;
    }
  }
  >ul {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    li {
      float: left;
      list-style: none;
      margin-left: 0;
      padding-left: 0;
      width: 95px;
      height: 22px;
      line-height: 22px;
      &:first-child a {
        padding-left: 0;
        border-left: none;
      }
      a {
        display: block;
        text-decoration: none;
        font-size:18px;
        padding: 0 20px;
        border-left: 1px solid #e5e5e5;
        color: #999;
      }
    }
    .order-active a{
      color: #666;
    }
    .personal-select {
      float: right;
      width: 98px;
      height:26px;
      color: #666;
      padding-left: 20px;
      line-height: 26px;
      font-size: 12px;
      cursor: pointer;
      position: relative;
    }
    .personal-select-sbn {
        display: none;
        background: url(../images/personal/sub.png) no-repeat;
        width: 119px;
        height: 125px;
        position: absolute;
        right: 0;
        li {
          font-size: 12px;
          color: #666;
          height: 12px;
          line-height: 12px;
          margin-left: 20px;
          width: 125px;
          margin-bottom: 16px;
          cursor: pointer;
          &:hover {
            color: #00569f;
          }
          &:first-child {
            margin-top: 40px;
          }
          >span {
            display: none;
          }
          .sbn-active {
            display: block;
            color: #00569f;
            position:absolute;
            left: 10px;
          }
        }
    }
    .up {
      background: url(../images/personal/up.png) no-repeat;
      height: 26px;
      width: 98px;
      z-index: 1;
       margin-left: 41px;
    }
    .down {
      background: url(../images/personal/down.png) no-repeat;
      height: 26px;
      width: 98px;
    }
    .personal-search-input {
      width: 208px;
      height:26px;
      margin-left: 160px;
      #txtSearch {
        background: url(../images/personal/search.png) no-repeat;
        height: 26px;
        width: 208px;
        border: none;
        padding-left: 10px;
        color: #e3e3e3;
        &:focus {
          background: url(../images/personal/search-hover.png) no-repeat;
          outline: none;
        }
      }
    }
    
  }
  .select-wrapper {
    margin-bottom: 0;
  }
  .order-table {
    width: 100%;
    tr {
      display: block;
      &:first-child {
        background: #f3f3f3;
        height: 40px;
        font-size: 16px;
        margin-bottom: 5px;
      }
      th {
        height: 40px;
        &:first-child {
          padding-left: 20px;
        }
      }
      .my-order {
        width: 570px;
      }
      .my-address {
        width: 135px;
      }
      .my-total {
        width: 110px;
      }
      .my-status {
        width: 60px;
      }
    }
    .order-detail {
      height: 30px;
      background: #f3f3f3;
      margin-top: 1px;
      th {
        height: 30px;
        font-size: 14px;
        color: #333;
        b {
          font-size: 12px;
          color: #999;
          margin-left: 25px;
        }
      }
    }
    .order-content {
      border: 1px solid #f3f3f3;
      margin-top:1px;
      color: #999;
      .my-order {
        border-right: 1px solid #f3f3f3;
      }
      .my-address {
        padding-left: 20px;
      }
      .status-pay {
        color: #ff9059;
      }
      .status-complete {
        color: #1ebfa0;
      }
      .status-receive {
        color: #75c90d;
      }
      .pro-remark {
        cursor: pointer;
      }
      .pro-remark:hover {
        color: #1061a5;
      }
      ul {
        margin-bottom: 0;
        width: 100%;
        li {
          list-style: none;
          float: left;
          margin-left:22px;
          padding-left: 0;
          color: #999;
          height: 100px;
          line-height: 100px;
          img {
            width: 80px;
            height: 80px;
            margin-top: 10px;
          }
        }
        .pro-name {
          margin-left: 10px;
        }
        .pro-num {
          margin-left: 70px;
        }
        .pro-remark {
          margin-left: 95px;
        }
      }
    }
    .more-order {
      ul {
        display: block;
        border-top: 1px solid #f3f3f3;
        &:first-child {
          border-top: none;
        }
      }
    }
  }
}

 .error-text {
  display: none;
    img {
      margin-left: 30px;
    }
    span {
      font-size: 14px;
      color: #ff9059;
      margin-left: 10px;
      position: relative;
      top: -4px;
    }
  }

// personalcenter
#personalcenter {
  display: none;
  h1 {
    font-size: 24px;
    color: #333;
    b {
      font-size: 12px;
      color: #666;
      margin-left: 15px;
    }
  }
  >ul {
    margin-left: 90px;
    margin-top: 55px;
    position:relative;
    li {
      list-style: none;
      font-size: 16px;
      color: #333;
      h2 {
        font-size: 20px;
        color: #333;
      }
      .user-grade {
        color:  #ff9059;
      }
      .user-id {
        font-size: 14px;
        color: #999;
        margin-top: -10px;
        margin-bottom: 85px;
      }
      .edit {
        font-size: 14px;
        color: #00569f;
        margin-left: 10px;
        cursor: pointer;
      }
      h5 {
        position: absolute;
        left: -58px;
        top: 95px;
        font-size: 14px;
      }
      .userpic {
        background: url(../images/personal/userpic.png) no-repeat;
        width: 121px;
        height: 121px;
        position: absolute;
        left: -90px;
        top: -30px;
        cursor: pointer;
      }
      .userpic-edit {
        display: none;
        background: url(../images/personal/edit-hover.png) no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        left: -22px;
        top: 38px;
      }
    }
  }
}

// pop-content
.pop-content {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -pie-background: rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B000000, endColorstr=#4B000000);
  z-index: 10;
  .ed {
    width: 610px;
    position: absolute;
    left: 50%;
    top: 20%;
    margin-left: -375px;
    border-radius: 4px;
    margin-bottom: 0 !important;
    padding: 70px 75px 0 75px;
    >span.close-pop {
      background: url(../images/personal/close-pop.png) no-repeat;
      width: 11px;
      height: 11px;
      position: absolute;
      right: 20px;
     top: 20px;
     cursor: pointer;
  }
    li {
      font-size: 12px;
       list-style: none !important;
       margin-left: 110px !important;
       input {
        width: 318px;
        height: 40px;
        border: 1px solid #ccc;
        color: #b3b3b3;
        font-size: 12px;
        padding-left: 10px;
       }
       button {
        text-align: center;
        background: #00569f;
        width: 330px;
        height: 42px;
        border: none;
        color: #fff;
        margin-top: 13px;
        font-size: 16px;
        cursor: pointer;
        &:hover {
          background: #005caa;
        }
        &:focus {
          background: #005caa;
        }
       }
    }
    .error-remind {
      position: absolute;
      right: 90px;
      top: 160px;
      p {
        margin-bottom: 0;
        line-height: 20px;
        color: #999;
      }
      i {
        background: url(../images/personal/tips.png) no-repeat;
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        right: 110px;
      }
    }
    .wrong-color {
      i {
        background-position: -19px 0;
      }
      p {
        color: #ff9059;
      }
    }
  }
}

  #edUname, #edPhoto, #edPhone, #edPass,.editcomplete,.testnewphone ,.editpass2{
    display: none;
  }

  #edUname {
    padding-bottom: 80px;
  }

  #edPhoto {
    >ul {
      margin-top: 20px;
      width: 640px;
      display: block !important;
      li {
        list-style: none;
        float: left;
        background: url(../images/personal/photos.png) no-repeat;
        width: 70px;
        height: 70px;
        margin-left: 0 !important;
        margin-right: 10px;
        cursor: pointer;
        &:hover {
          background: url(../images/personal/photohover.png) no-repeat;
        }
        span.photofocus {
          background: url(../images/personal/photofocus.png) no-repeat;
          width: 70px;
          height: 70px;
          display: block;
          position: relative;
        }
      }
      .photo02 {
        background-position: -70px 0;
        &:hover {
          background-position: -70px 0;
        }
      }
      .photo03 {
        background-position: -140px 0;
        &:hover {
          background-position: -140px 0;
        }
      }
      .photo04 {
        background-position: -210px 0;
        &:hover {
          background-position: -210px 0;
        }
      }
      .photo05 {
        background-position: -280px 0;
        &:hover {
          background-position: -280px 0;
        }
      }
      .photo06 {
        background-position: -350px 0;
        &:hover {
          background-position: -350px 0;
        }
      }
      .photo07 {
        background-position: -420px 0;
        &:hover {
           background-position: -420px 0;
        }
      }
      .photo08 {
        background-position: -490px 0;
        &:hover {
           background-position: -490px 0;
        }
      }
    }
    li {
      padding-left:0;
      p {
        font-size: 12px;
        color: #999;
        margin-bottom: 0 !important;
      }
    }
    .select-photo {
      width: 328px;
      height: 40px;
      border: 1px solid #ccc;
      color: #666;
      font-size: 14px;
      text-align: center;
      line-height: 40px;
      cursor: pointer;
      margin-top: 40px;
    }
  }

  #edPhone {
    >ul {
      width: 100%;
      margin-bottom: 30px;
      display: block !important;
      >li {
        float: left;
        color: #999;
      }
      .editprocess {
         background: url(../images/personal/editprocess.png) no-repeat;
         width:385px;
         height: 8px;
         display: block;
         position: relative;
        left: 150px;
        top: 35px;
      }
    }
    .step01 {
      color: #00569f;
    }
    div {
        >li {
        &:first-child {
          color: #333 !important;
        }
        input {
          margin-bottom: 10px;
        }
        .shortwidth {
          width: 190px;
        }
        input.shortwidth {
          width: 180px;
        }
        button {
          margin-bottom: 80px;
        }
      }
    }
    .testnewphone {
      .num-color {
        color: #ff9059;
      }
      li {
        input.shortwidth01 {
          width: 218px;
        }
        .shortwidth02 {
          width: 155px;
        }
        .edit-cancel-btn {
          width: 155px;
          height: 42px;
          color: #787878;
          border: 1px solid #ccc;
          background: #fff;
          margin-left: 10px;
          &:hover {
            color: #666;
            border: 1px solid #999;
          }
          &:focus {
            color: #666;
            border: 1px solid #999;
          }
        }
      }
    }
    .editcomplete {
      img {
        margin-left: 197px;
      }
      span {
        position: relative;
        right: 42px;
        top: 25px;
      }
      .shortwidth02 {
        width: 155px;
        margin-left: 142px;
        margin-top: 30px;
        a {
          color: #fff;
          text-decoration: none;
        }
      }
    }
  }


#edPass {
  li {
    width: 323px;
    margin-bottom: 10px;
    overflow: hidden;
    label {
      float:right;
       position: relative;
      right: 260px;
    }
    input {
      width: 236px;
      position: relative;
     left: 75px;
     background: #fff;
    }
    button {
      width: 248px;
      margin-left: 75px;
      margin-bottom: 65px;
    }
  }
  .error-remind {
    right: -10px;
    top: -40px;
    position: relative;
    float: right;
        width: 165px;
    p {
      margin-left: 22px;
    }
    i {
      left: 0px;
    }
  }
  .editpass2 {
    img {
      position: relative;
      left: 150px;
    }
    button {
      margin-top: 60px;
      a {
        color: #fff;
        text-decoration: none;
      }
    }
    span {
      position: relative;
      left: 60px;
      top: 35px;
    }
  }
}

// myaddress
#myaddress{
  // display: none;
   h1 {
    font-size: 24px;
    color: #333;
    b {
      font-size: 12px;
      color: #666;
      margin-left: 15px;
    }
  }
  >ul {
    width: 840px;
    margin-top:20px;
    li {
      width: 263px;
      height: 188px;
      border: 1px solid #ccc;
      list-style: none;
      float: left;
      margin-right: 15px;
      padding-left: 0;
      margin-left:0;
      ul {
        padding: 10px 19px;
         width: 225px;
        li {
          border: none;
          width: 225px;
          height: auto;
          &:first-child{
            margin-bottom: 15px;
          }
          p {
            margin-bottom: 12px;
            color: #b3b3b3;
            line-height: 12px;
          }
          span.name {
            font-size: 16px;
            color: #333;
          }
          span.type {
            color: #999;
            font-size: 14px;
            margin-left: 117px;
          }
        }
      }
    }
    .addnew {
       border: 1px dashed #ccc;
       span {
        background:url(../images/personal/addnew.png) no-repeat;
        width: 32px;
        height: 32px;
        display: block;
        position: relative;
        left: 118px;
        top: 58px;
        cursor: pointer;
       }
       h4 {
        font-size: 16px;
        color: #999;
        position: relative;
        left: 86px;
        top: 68px;
       }
    }
    .operation {
      visibility: hidden;
      margin-left: 17px;
      margin-top: 10px;
      position: relative;
      span {
        margin-left: 12px;
        font-size: 14px;
        color: #b3b3b3;
        cursor: pointer;
        &:first-child {
          margin-left:8;
        }
      }
      .default-img {
        background: url(../images/personal/setdefault.png) no-repeat;
        width: 17px;
        height: 19px;
        position: absolute;
        left: -15px;
        top: 6px;
      }
    }
  }
}